<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="theme-color">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>分享家</title>
    <link rel="stylesheet" type="text/css" href="../lib/css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../lib/css/mui.css"/>
    <link rel="stylesheet" href="../css/util.css">
    <script src="http://at.alicdn.com/t/font_371407_7omis3wrfr7tx1or.js"></script>
</head>
<link rel="stylesheet" href="../css/collect_house.css">
<body>
<header class="fxj-header">
    <back></back>
    <h1 class="fxj-title">我的收藏</h1>
</header>

<main id="main">
    <div class="house-list-container">
        <div class="a-house" v-for="house of houseList" @click="clickHouseEvent($event,house)">
            <div class="house-show">
                <span class="icon-xin">
                    <svg class="icon collected" aria-hidden="true" >
                        <use xlink:href="#icon-collect"></use>
                    </svg>
                </span>
                <img :src="house.img" alt="">
                <span class="money">￥<span v-cloak>{{house.price_low}}</span>/晚</span>
            </div>
            <div>
                <div class="house-name" v-cloak>
                    {{house.title}}
                    <img class="avatar" :src="house.photo" alt="">
                </div>
                <p class="house-des">
                    <span v-cloak>{{house.lease_type}}/可住{{house.people}}人-{{house.score}}分/{{house.comment}}条评论-已定1晚</span>
                </p>
                <div class="label">
                    <span :class="{has:house.seven_rebate||house.thirty_rebate}">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-youhui2"></use>
                        </svg>
                        长租优惠
                    </span>
                    <span :class="{has:house.realshot!=='0'}">
                        <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiangji1"></use>
                    </svg>
                        实拍
                    </span>
                    <span :class="{has:house.detect!=='0'}">
                        <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fangwurenzheng"></use>
                    </svg>
                        验真
                    </span>
                </div>
            </div>
        </div>
    </div>
</main>

<script type="text/javascript" src="../lib/js/babel-polyfill.js"></script>
<script type="text/javascript" src="../lib/js/vue.js"></script>
<script type="text/javascript" src="../lib/js/mui.js"></script>
<script type="text/javascript" src="../lib/js/jquery.js"></script>
<script type="text/javascript" src="../script/util.js"></script>

<script src="../script/collect_house.js"></script>
</body>
</html>